@import mixed
.pay-list
    display: flex
    margin-top: 20px
    >text
        width: 200rpx
        height: 100rpx
        line-height: 100rpx
        background: #4F4F4F
        color: #ffffff
        text-align: center
        font-size: 15px
        display: inline-block
    view
        height: 100rpx
        line-height: 100rpx
        border-top: $border
        border-bottom: $border
        width: 550rpx
        background: #ffffff
        box-sizing: border-box
        padding-left: 25rpx
        padding-right: 25rpx
        @include sbFlex
        font-size: 14px
        text:nth-child(1)
            color: #999999
        text:nth-child(2)
            color: #999999
        picker
            display: block
            width: 400rpx
.pay-list-oil
    margin-top: 12px
    view
        text:nth-child(1),text:nth-child(2)
            color: #000000
.pay-list-code
    margin-top: 12px
    view
        text:nth-child(1)
            color: #000000
        text:nth-child(2)
            color: red
.pay-title
    font-size: 16px
    margin-left: 25px
    margin-top: 20px
.pay-title-text
    font-size: 16px
    margin-left: 25px
    margin-top: 20px
    background: #ffffff
    border: $border
    width: 80%
    padding: 26rpx 20rpx
    box-sizing: border-box
.footer
    @include btnFixed
    background: $bgColor
    color: #ffffff
    line-height: $btnHeight
    display: flex
    justify-content: center
    font-size: 18px
    text:nth-child(1)
        margin-right: 10px
.pay-detail
    position: fixed
    background: #ffffff
    left: 0
    bottom: 0
    width: 100%
    height: 0rpx
    z-index: 2
    overflow: hidden
.pay-detail-tit
    text-align: center
    position: relative
    border-bottom: $border
    line-height: $inputHeight
    font-weight: bold
    width: 100%
    font-size: 20px
.pay-detail-tit icon
    position: absolute
    right: 30rpx
    top: 25rpx
.pay-details
    margin: 0 30rpx
    @include sbFlex
    border-bottom: $border
    padding: 8px 0
    line-height: 50rpx
.pay-detail-list
    margin: 10px 30rpx 0 30rpx
    font-size: $fontSizeTxt
    @include cnFlex
    view
        @include sbFlex
        text:nth-child(2)
            color: red
.pay-money
    position: absolute
    bottom: 0
    left: 0
    background: $bgColor
    color: #ffffff
    width: 100%
    line-height: $btnHeight
    text-align: center
    font-size: 18px
.pay-detail-n
    position: absolute
    width: 100%
    height: 100%
    left: 0
    background: #ffffff
    z-index: 2
.pay-sele
    position: absolute
    width: 100%
    height: 100%
    right: 0
.pay-sele-title
    @extend .pay-detail-tit
    text:nth-child(1)
        position: absolute
        left: 30rpx
        font-size: 18px
.pay-sele-list
    line-height: 80rpx
    font-size: 17px
.pay-sele-list
    view
        >text:nth-child(1)
            color: $colorGreen
            font-size: 27px
            margin-right: 10rpx
            margin-top: -10rpx
            position: relative
            top: 5rpx
            width: 30px
            display: inline-block
.pay-sele-list:nth-child(3)
    view
        text:nth-child(1)
            font-size: 35px
            top: 7px
.pay-sele-list
    >text
        color: $colorGreen
        font-size: 25px
        margin-right: 10px
.reg
    background: #ffffff
    position: fixed
    bottom: 0
    right: 0
    left: 0
    z-index: 9
    text-align: center
    height: 0
    overflow: hidden
.reg-title
    height: 100rpx
    line-height: 100rpx
    font-size: 20px
    position: relative
    border-bottom: $border
    >icon
        position: absolute
        right: 5%
        top: 50%
        transform: translateY(-30%)
.reg-text
    height: 95rpx
    line-height: 95rpx
    border: $border
    display: inline-block
    margin: 40rpx 0
    position: relative
    >text
        display: block
        width: 95rpx
        height: 95rpx
        float: left
        box-sizing: content-box
    >text + text
        border-left: $border
.reg-item
    position: absolute
    left: 0
    top: 0
    display: flex
    >text
        display: block
        width: 95rpx
        height: 95rpx
        box-sizing: content-box
.reg-password
    display: flex
    flex-wrap: wrap
    width: 100%
    position: absolute
    left: 0
    bottom: 0
    text
        width: calc(100%/3 + 3rpx)
        // border-bottom: $border
        line-height: 120rpx
        box-sizing: border-box
        border-left: $border
        border-top: $border
        border-bottom: $border
        margin-top: -1.5rpx
        margin-left: -1.5rpx
    text:last-child
        // border-right: $border.
        margin: -1.5rpx auto 0
        border: none
.reg-bottom
    position: absolute
    left: 0
    bottom: 0
    width: 100%
    @include sbFlex
    text
        background: #e2e7ed
        display: block
        height: 118.5rpx
        line-height: 120rpx
    >text:first-child
        border-right: $border
        width: calc(100%/3 - 1.5rpx)
    >text:last-child
        border-left: $border
        width: calc(100%/3)
.del
    font-size: 30px



